<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'img_xWqJ$0',
'ZY_1_1_1_1',
'ZY_XinWenZiXun_2',
'ZY_3_3',
'ZY_XinWenXiangQing_4',
'ZY_ShiShiGengXin_5',
'ZY_6_6',
'ZY_YouXianGongSiZongJing_7',
'ZY_YouXianGongSiZongJing_8',
'ZY_ShangYiPianDiYu_9',
'ZY_XiaYiPianGongKe_10'
"  ></cms:ads>
<!doctype html>
<html>
 <head>
  <link rel="icon" sizes="any" href="${浏览器logo}">
  <title>${网页标题}</title>
  <meta charset="UTF-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <link rel="stylesheet" href="https://hwfile.csxuncong.com/xxsw/pc/css/swiper.min.css"> 
  <link rel="stylesheet" href="https://hwfile.csxuncong.com/xxsw/pc/css/animate.css"> 
  <link rel="stylesheet" href="https://hwfile.csxuncong.com/xxsw/pc/css/common.css"> 
  <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]--> 
  <style>.wrap{ padding: 60px 0 100px; } .title{ font-size: 24px; margin-bottom: 15px; text-align: center; } .subtitle{ font-size: 14px; text-align: center; } .article{ margin: 20px 0; padding: 60px 0; font-size: 16px; line-height: 30px; border-top: 1px solid rgb(112 112 112 / 30%); border-bottom: 1px solid rgb(112 112 112 / 30%); } .article img{ display: block; max-width: 100%; margin: 35px auto; }</style> 
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
 </head> 
 <body> 
  <jsp:include page="_top.jsp"></jsp:include> 
  <div class="crumbs-wrap"> 
   <div class="container"> 
    <a href="index.html"><img src="${img_xWqJ$0.adImg}" alt="" class="zy" data-type="ad" data-id="${img_xWqJ$0.adId}"></a> 
    <span class="zy" data-type="ad" data-id="${ZY_1_1_1.adId}">${ZY_1_1_1.adTitle}</span>
    <a href="${ZY_XinWenZiXun_2.adUrl}" class="zy" data-type="ad" data-id="${ZY_XinWenZiXun_2.adId}">${ZY_XinWenZiXun_2.adTitle}</a> 
    <span class="zy" data-type="ad" data-id="${ZY_3_3.adId}">${ZY_3_3.adTitle}</span> 
    <a class="active zy" href="${ZY_XinWenXiangQing_4.adUrl}" data-type="ad" data-id="${ZY_XinWenXiangQing_4.adId}">${ZY_XinWenXiangQing_4.adTitle}</a> 
   </div> 
  </div> 
  <div class="wrap">
   <cms:art var="art" id="${param.id }"  queryAround="true" ></cms:art>
   <div class="container"> 
    <h2 class="title zy">${art.artTitle}</h2>
    <h5 class="subtitle zy">${art.artLables}</h5>
    <div class="article">
     ${art.artContent }
    </div>
    <div class="flex space-between font-14"> 
     <a href="${path }/do/redirect/pc/newsDetail?id=${prev.artId}" class="color-blue zy" >${prev.artTitle}</a>
     <a href="${path }/do/redirect/pc/newsDetail?id=${next.artId}" class="color-black zy" >${next.artTitle}</a>
    </div> 
   </div> 
  </div> 
  <jsp:include page="_footer.jsp"></jsp:include>  
  <script src="https://hwfile.csxuncong.com/xxsw/pc/js/swiper.min.js"></script> 
  <script src="https://hwfile.csxuncong.com/xxsw/pc/js/wow.min.js"></script> 
  <script>
     window.onload = function(){
        var itemEls = document.getElementsByClassName('nav-item-hover');
        for(var i= 0; i < itemEls.length;i++){
            itemEls[i].onmouseover = function(){
                var els = this.getElementsByClassName('nav-layout');
                if(els.length) {
                    els[0].style.display = 'block'
                };
            }
            itemEls[i].onmouseout = function(){
                var els = this.getElementsByClassName('nav-layout');
                if(els.length) {
                    els[0].style.display = 'none'
                };
            }
        }
        var wow = new WOW({
            boxClass: 'wow',
            animateClass: 'animated',
            offset: 0,
            mobile: true,
            live: true
        });
        wow.init();
        var openContactUsEl = document.getElementById('openContactUs');
        var closeContactUsEl = document.getElementById('closeContactUs');
        var contactUsSildeEl = document.getElementById('contactUsSilde');
        if(openContactUsEl){
            closeContactUsEl.onclick = function () {
                contactUsSildeEl.style.right = '-124px';
                closeContactUsEl.style.display = 'none';
                openContactUsEl.style.display = 'block';
            }
            openContactUsEl.onclick = function () {
                contactUsSildeEl.style.right = 0;
                openContactUsEl.style.display = 'none';
                closeContactUsEl.style.display = 'block';
            }
        }
     }
</script> 
 </body>
</html>